<template>
    <div>
        <Header></Header>
        <!-- 路由组件出口的地方 -->
        <router-view></router-view>
        <Footer v-show="$route.meta.show"></Footer>
    </div>
</template>
    
<script>
 //引入Header与Footer非路由组件
 import Header from './components/Header'
 import Footer from './components/Footer'
export default {
    name:'App',
    components: {
        Header,
        Footer
    },
    mounted() {
        //通知Vuex发请求，获取数据，存储于仓库当中 (派发一个action获取商品三级分类的列表)
        this.$store.dispatch('categoryList');
        
    },

}
</script>
 

<style>

</style>